<template>
  <div class="home-page">
    <img alt="Vue logo" src="../assets/logo.png" />
    <h1 style="margin-top: 100px; margin-bottom: 16px">Easy-UI</h1>
    <h4 style="margin-bottom: 300px">一个使用Vue3 + Typescript搭建的组件库</h4>
  </div>
</template>

<script lang="ts">
import { defineComponent, ref } from 'vue'

export default defineComponent({
  name: 'Home',
  props: {
    msg: {
      type: String,
      default: 'default',
    },
  },
  setup() {
    const count = ref<number>(0)
    function handleClick() {
      console.log('button emit')
    }
    return {
      count,
      handleClick,
    }
  },
})
</script>

<style lang="scss" scoped>
.home-page {
  width: 100%;
  text-align: center;
  padding-top: 250px;
}
</style>
